<template>
  <div>
    <!-- 👍 动态路由： 手动拼接字符串 -->
    <router-link :to="`/my/` + id"> 我的笔记本- 动态路由 </router-link>
    <br />
    <!-- 👍 查询字符串： 推荐对象+query属性 -->
    <router-link to="/find?keyword='笔记本'">
      发现笔记本- 普通路由
    </router-link>
    <router-link
      :to="{ path: '/find', query: { keyword: '联想笔记本', price: 5000 } }"
    >
      发现联想笔记本- 普通路由
    </router-link>
    <br />
    <router-link :to="{ path: '/find', query: { keyword: '戴尔笔记本' } }">
      发现戴尔笔记本- 普通路由
    </router-link>

    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: 99999,
      keyword: "笔记本电脑",
      pid: 1,
    };
  },
};
</script>

<style></style>
